<template>
    <div class="box">
        <div class="logo">
            <img src="@/assets/img/logo.png" alt="">
            <p><van-loading size="24px">加载中...</van-loading></p>
        </div>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useRouter } from 'vue-router';
const noticeBar = ref(localStorage.getItem('noticeBar'));
const router = useRouter();
console.log(noticeBar.value);
setTimeout(() => {
    noticeBar.value = "true"
    localStorage.setItem('noticeBar', noticeBar.value)
    router.push('/home')
}, 2000)

</script>

<style>
.box {
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: rgb(255, 255, 255);
}

.logo {
    width: 10rem;
    height: 10rem;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
}
</style>